<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <LINK href="style.css" rel="stylesheet" type="text/css">
   <title>Mariachi Casa Refill Screen</title>
   <style>
      body {
         background-image:url('chips-and-salsa.jpg');
		 background-repeat:no-repeat;
      }
   </style>
</head>

<body>
   <div id="backButton">
      <button class="backButton" onclick="">Back</button>
   </div>
   
   <div id="refillScreen">
      <h1>Refills</h1>
      <div id="leftSideRefillScreen">
	     <h2>Drinks</h2>
	     <a onclick="" href="" target=""><img border="0" src="Menu_Images/coke_logo.jpg" alt="Coke"></a>
		 <br/>
		 <a onclick="" href="" target=""><img border="0" src="Menu_Images/diet_coke_logo.jpg" alt="Diet Coke"></a>
		 <br/>
		 <a onclick="" href="" target=""><img border="0" src="Menu_Images/sprite_logo.jpg" alt="Sprite"></a>
		 <br/>
		 <a onclick="" href="" target=""><img border="0" src="Menu_Images/dr_pepper_logo.jpg" alt="Dr. Pepper"></a>
		 <br/>
		 <a onclick="" href="" target=""><img border="0" src="Menu_Images/hawaiian_punch_logo.jpg" alt="Hawaiian Punch"></a>
		 <br/>
		 <button class="menuButton" onclick="">Sweet Tea</button>
		 <br/>
		 <button class="menuButton" onclick="">Unsweetened Tea</button>
		 <br/><br/><br/><br/>
	  </div>
	  
	  <div id="rightSideRefillScreen">
	     <h2>Other</h2>
	     <button class="menuButton" onclick="">Chips</button>
		 <br/>
		 <button class="menuButton" onclick="">Salsa</button>
	  </div>
   </div>

   <div id="pageBottom">
      <button class="footerButton" onclick="">Help</button>
   </div>
</body>
</html>